<template>
	<view class="scroll-wrapper1">
		<list-scroll @pullMore="pullMore">
			<view>
				<list-card
					v-for="(item,index) in lists" 
					:key="item.index"
					:item="item"
					types="home"
					>
				</list-card>
			</view>
		<uni-load-more :status="load.loading || 'loading'" iconType="circle"></uni-load-more>
		</list-scroll>
	</view>
</template>

<script>
	export default {
		methods:{
			pullMore() {
				this.$emit('pullMore')
			}
		},
		props: {
			lists: {
				type: Array,
				default() {
					return []
				}
			},
			load: {
				type: Object,
				default() {
					return {
						loading: 'more'
					}
				}
			}
		}	
	}
</script>

<style lang="scss" scoped>
	.scroll-wrapper1{
		height: 100%;
		box-sizing: border-box;
	}
</style>